// pages/interface/index.js
Page({
  data: {
    books: [],
    filePath: '',
    keywords: '',
    history: wx.getStorageSync('history') || []
  },
  onLoad() {
    // 查询书单列表
    this.getBooks()
  },
  getBooks() {
    // console.log('调用接口获取数据...');

    // 显示 loading 提示框
    wx.showLoading({
      title: '正在加载...',
      mask: true
    })

    // 调用API
    wx.request({
      url: 'https://hmajax.itheima.net/api/books',
      method: 'GET',
      data: {
        creator: 'zhangsan'
      },
      header: {},
      success: (result) => {
        // console.log(result);
        this.setData({books: result.data.data})

        // 消息提示框（轻提示）
        wx.showToast({
          title: '获取书单成功!',
          mask: true,
          // duration: 6000,
          icon: "none"
        })
      },
      fail() {
        // 失败回调
      },
      complete() {
        // 隐藏 loading 提示框
        wx.hideLoading()
      }
    })
  },
  setStorage() {
    // 存入一个数据
    wx.setStorageSync('author', '黑马程序员')
    // 存入复杂类型数据
    wx.setStorageSync('user', {name: '小明', age: 18})
  },
  getStorage() {
    // 读取本地数据
    const author = wx.getStorageSync('author')
    console.log(author);
    const user = wx.getStorageSync('user')
    console.log(user);
  },
  removeStorage() {
    // 删除本地数据
    wx.removeStorageSync('logs')
  },
  clearStorage() {
    // 清空本地数据
    wx.clearStorageSync()
  },
  async chooseImage() {
    // 调用 API 获取图片
    const result = await wx.chooseMedia({
      count: 1,
      mediaType: ['image'],
      // success(result) {
      //   console.log(result);
      // }
    })

    // console.log(result);
    // 读取并渲染图片
    this.setData({
      filePath: result.tempFiles[0].tempFilePath
    })
  },
  searchByKeywords() {
    // 记录关键字到数组中
    const {keywords, history} = this.data
    history.push(keywords)

    // 更新数据，重新进行渲染
    this.setData({history, keywords: ''})
    // 记录数到本地存储
    wx.setStorageSync('history', history)
  }
})